<%@ page language="java"  pageEncoding="UTF-8"%>
<%@ include file="/views/commons/taglibs.jsp" %>
<div class="slides">
	<div class="slideInner">
		<c:choose>
		<c:when test="${!empty bannerList && fn:length(bannerList) ne 0}">
		<c:forEach var="banner" items="${bannerList}">
			<c:if test="${not empty banner.bannerUrl}">
				<a href="${banner.bannerUrl}" class="idx_banner_da" style="background:url('<%=path%>/uncheck/pictures/servlet?id=${banner.bannerPicture}') no-repeat center center;"></a>
			</c:if>
			<c:if test="${empty banner.bannerUrl}">
				<a href="javascript:void(0)" class="idx_banner_da" style="background:url('<%=path%>/uncheck/pictures/servlet?id=${banner.bannerPicture}') no-repeat center center;"></a>
			</c:if>
		</c:forEach>
		</c:when>
		<c:otherwise>
			<a href="<%=path%>/uncheck/register" target="_blank" class="idx_banner_da" style="background:url('<%=path%>/images/banner.gif') no-repeat center center;"></a>
			<a href="<%=path%>/uncheck/register" target="_blank" class="idx_banner_da" style="background:url('<%=path%>/images/banner.jpg') no-repeat center center; background-size:auto 100%;"></a>
		</c:otherwise>
		</c:choose>
	</div>
	<div class="nav">
		<a class="prev" href="javascript:;"></a>
		<a class="next" href="javascript:;"></a>
	</div>
</div>
<script src="<%=path%>/js/jquery.slides.min.js"></script>
<script type="text/javascript">
		$(function(){
			$('.slideInner').slidesjs({
				
				navigation: {
					effect: "fade"
				},
				pagination: {
					effect: "fade"
				},
				effect: {
					fade: {
						speed: 400
					}
				}
			});
		})
</script>